<template>
  <div class="subBox">
    <div class="subLeft">
      <div class="introduce">
        <div class="one font ">收集各类二手品类，按需获取，合理交易</div>
        <div class="tow font ">集狮广益</div>
        <div class="three font">LION Staff 是一个线上二手交易平台，为实现二手物品的流通利用，提高物品的使用价值，🤟</div>
        <div class="btnbox">
         <button class="btnone btn2 sign">进入狮集</button>
         <button class="btntwo btn2 sign">卖货</button>
        </div>

      </div>
    </div>
    <div class="subRight"></div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.subBox {
  display: flex;
  background: url(../assets/摩天轮.jpg);
  background-size: cover;
}
.subLeft {
  height: 682px;
  width: 50%;
  padding-left: 20px;
  color: black;
  /* background: rgb(131, 26, 26); */
}

/**右边框框 开始*/
.subRight {
  height: 682px;
  width: 50%;
  color: black;
  /* background: black; */
}
/**右边框框 结束*/

/**介绍 开始 */
.subLeft .introduce {
  height: 300px;
  width: 100%;
  /* background: black; */
  margin: 220px 0 0 0;

  
}
/**字体 */
.subLeft .introduce .font{
  text-align: left;
  color: #fff;
  margin-top: 6px;
}

.subLeft .introduce .tow{
  color: orange;
  font-size: 40px;
}
/**按钮 开始 */
.subLeft .introduce .btnbox{
  text-align: left;
  height: 60px;
  /* background: #fff; */
  margin-top: 6px;
}
.subLeft .introduce .btnbox .btn2{
  height: 100%;
  font-size: 19px;
  color: orange;
  margin-top: 12px;
}
.subLeft .introduce .btnbox .btn2:hover{
  color: black;
}
/**按钮 结束 */

/**介绍 结束 */
</style>